<script setup lang='ts'>
import ChatMessage from './ChatMessage.vue'
</script>
<template>
  <el-scrollbar class="chat-main">
    <chat-message v-for="i in 10" :key="i" :tag="i > 5 ? 'left' : 'right'"></chat-message>
  </el-scrollbar>
</template>
<style scoped lang='scss'>
.chat-main {
  flex: 1;
  background-color: #f5f5f5;
}
</style>